<template>
  <main class="taskCase_container">
    <dt-scene :showModeSCENE2D="true" ref="exampleRef"></dt-scene>
    <el-button
      size="small"
      :icon="leftVisible ? 'el-icon-arrow-left' : 'el-icon-arrow-right'"
      :class="[
        'left-btn',
        'font-size-24',
        leftVisible ? 'left-btn-open' : 'left-btn-fold'
      ]"
      @click="handleOpenLeft"
    >
    </el-button>
    <el-button
      size="small"
      :icon="rightVisible ? 'el-icon-arrow-right' : 'el-icon-arrow-left'"
      :class="[
        'right-btn',
        'font-size-24',
        rightVisible ? 'right-btn-open' : 'right-btn-fold'
      ]"
      @click="handleOpenRight"
    >
    </el-button>

    <left-drawer ref="left" />
    <right-drawer ref="right" />
  </main>
</template>

<script src="./index.js"></script>
<style lang="scss" src="./index.scss" scoped></style>
